.container {
    &:before {
        content: '';
        position: absolute;
        width: 394px;
        height: 468px;
        background: url('../../images/bg1.png') no-repeat 0 0;
        left: 0;
        bottom: 0;
        z-index: -1;
    }

    &:after {
        content: '';
        position: absolute;
        width: 394px;
        height: 468px;
        background: url('../../images/bg2.png') no-repeat right bottom;
        right: 0;
        bottom: 0;
        z-index: -1;
    }
}

.login-card {
    position: relative;
    width: 1000px;
    box-shadow: 0px 20px 80px 0px rgba(0, 0, 0, 0.3);

    .card {
        padding: 80px 80px 48px;
    }

    .card-left {
        position: relative;
        background: linear-gradient(0deg, #3a485a 0%, #607089 100%);

        &:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: url('../../images/left1.png') no-repeat 0 0;
        }

        &:after {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: url('../../images/left2.png') no-repeat right bottom;
        }
    }
}

.bg-login {
    // background: rgba(100, 100, 100, 0.8);
}

.ai-b {
    align-items: baseline;
}
